<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body{
				background-color: #F3F5F7;
				width: 1200px;
				margin: 0 auto;
				
			}
			#zong {
				width: 1200px;
				overflow: hidden;
				margin: 0 auto;
				padding: 0px 30px;
				margin: auto 30px;
				background-color: #FFFFFF;
			}

			.bg {
				background-color: #F7F9FA;
				height: 110px;
				padding-top: 20px;
			}
			.bg01{
				padding-left: 20px;
				color: #8793A1;
			}
			.bg01 span{
				
			}
		</style>
	</head>
	<body>
		<div id="zong">
			<div id="header" style="height: 40px;background-color: #FFF0EC;line-height: 40px;">
				<span style="color: #FF8E69;">未注册可在此页面直接下单，已有账户请登录></span>
			</div>
			<div>
				<h3>收件人信息</h3>
				<div>收件人<input type="text" id="" value="" placeholder="请输入收货人姓名" /></div>
				<div>手机号码<input type="password" id="" value="" placeholder="请输入收货人手机号码" /></div>
				<div>
					所在地区
					<select>
						<option value="">- 请选择- </option>
						<option value="河南省">河南省</option>
					</select>
					<select>
						<option value="">- 请选择- </option>
						<option value="南阳市">南阳市</option>
					</select>
					<select>
						<option value="">- 请选择- </option>
						<option value="金水区">金水区</option>
					</select>
				</div>
			</div>
			<div>
				<h3>订购人信息</h3>
				<div>订购人姓名<input type="text" id="" value="" placeholder="请输入订购人姓名" /></div>
				<div>订购人手机<input type="number" id="" value="" placeholder="请输入订购人手机号码" /></div>
			</div>

			<div>
				<h3>送达日期</h3>
				<div>送达日期<input type="text" id="" value="" placeholder="请输入送达日期" /></div>
			</div>

			<div>
				<h3>贺卡留言</h3>
				<div><textarea name="" id="" cols="60" rows="10" placeholder="贺卡留言:最多30个字，生日牌：最多8个字，请在“贺卡留言”中注明。"></textarea></div>
			</div>

			<div >
				<h4>核对购物清单</h4>
				<div class="bg">
					<div style="float: left;">
						<img style="width: 70px;height: 70px;" src="img/02.png" alt="">
					</div>
					<div class="bg01" style="float: left;">
						<div>提拉米苏</div>
						<div>198<span>×1</span></div>
					</div>
				</div>
				<h6>配送至:</h6>
				<p>张三1591913982</p>
				<div>
					共一件商品，总商品金额：198
				</div>
				<div style="margin-left: 1000px;float: left;">
					应付：<span style="color: #FF734C;size: 52px;">198</span><button style="width: 200px;height: 50px;background-color: #FF734C;color: aliceblue;border: #FF6C43;">提交订单</button></span>
					
				</div>
			</div>
		</div>
	</body>
</html>
